<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>商城商品列表</title>
	<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
	<link rel="stylesheet" type="text/css" href="../../css/app.css" />
	<link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
	<style type="text/css">
		body {
			background-color: #fff;
		}
		/*头部区域*/

		.btn-img-share {
			width: 1.3rem;
			padding-top: 0.5rem;
		}

		.aui-tab-item {
			color: #222222;
		}

		.active {
			color: #72D5EF !important;
			border-bottom: .15rem solid #72D5EF;
		}

		.aui-tab-item.active:after {
			content: '';
			position: absolute;
			width: 1.4rem;
			bottom: -1px;
			height: 2px;
			left: 50%;
			margin-left: -0.7rem;
			background-color: #72D5EF;
		}
		/*轮播*/

		.swiper-slide img {
			width: 100%;
			/*object-fit: cover;*/
		}

		.swiper-pagination {
			width: 2.05rem;
			height: 1.15rem;
			line-height: 1.15rem;
			text-align: center;
			background-color: rgba(0, 0, 0, 0.23);
			font-size: .5rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			right: 0.5rem;
			left: auto;
			border-radius: 1.2rem;
			bottom: 1.5rem;
		}
		/*活动信息条*/

		.goods-active-content {
			display: flex;
			padding: 0 0.5rem;
			justify-content: space-between;
			align-items: center;
			height: 2.5rem;
			font-size: 0.65rem;
			color: #FFFFFF;
		}
		/*进度条*/

		.aui-progress.sm,
		.aui-progress-sm,
		.aui-progress.sm .aui-progress-bar,
		.aui-progress-sm .aui-progress-bar {
			border-radius: 0.5rem;
		}

		.aui-progress-sm {
			background-color: #FFFFFF;
			/*margin: 0.2rem 0;*/
		}

		.aui-progress-bar {
			/*background-color: #FF3862;*/
			/*background:linear-gradient(135deg,rgba(227,234,86,1) 0%,rgba(162,225,58,1) 100%,rgba(122,174,229,1) 100%);*/
			background: rgba(247, 48, 36, 1);
		}
		/*商品信息*/

		.goods-tag {
			font-size: 0.75rem;
			color: #FFFFFF;
			border-radius: .15rem;
			padding: 0.1rem 0.2rem;
		}

		.after:after {
			content: '';
			position: absolute;
			width: 0.15rem;
			background: linear-gradient(360deg, rgba(167, 233, 255, 1) 0%, rgba(0, 90, 147, 1) 100%);
			left: 0.8rem;
			height: 0.7rem;
			margin-top: 0.1rem;
		}

		.tuan:after {
			content: '';
			position: absolute;
			width: 0.15rem;
			background: linear-gradient(360deg, rgba(167, 233, 255, 1) 0%, rgba(0, 90, 147, 1) 100%);
			left: 0.3rem;
			height: 0.7rem;
			margin-top: 0.2rem;
		}

		.goods-info-title:after {
			content: '';
			position: absolute;
			width: 0.15rem;
			background: linear-gradient(360deg, rgba(167, 233, 255, 1) 0%, rgba(0, 90, 147, 1) 100%);
			left: 0.3rem;
			height: 0.7rem;
			margin-top: 0.1rem;
		}

		.group-join-list-item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0.75rem 0;
		}

		.ping-star {
			display: inline-block;
			height: 0.9rem;
			margin-left: 0.01rem;
		}

		.aui-row-padded [class*=aui-col-xs-] {
			padding: 0.25rem;
		}

		.shop-comment {
			position: relative;
			font-size: 0.7rem;
			background-color: #F5F5F5;
			color: #999999;
			margin: 0.25rem;
			margin-top: 0.5rem;
			padding: 0.5rem;
			border-radius: 0.25rem;
		}

		.shop-comment:before {
			/*content: '';
			position: absolute;
			width: 0;
			height: 0;
			border-left: .45rem solid transparent;
			border-right: .45rem solid transparent;
			border-bottom: .7rem solid #F5F5F5;
			top: .65rem;
			left: .75rem;*/
		}
		/*底部*/

		.aui-bar-tab-item img {
			display: inline-block;
			width: 1.1rem;
		}

		.aui-bar-tab .aui-bar-tab-item {
			height: 2.4rem;
		}

		.aui-bar-tab .aui-bar-tab-label {
			display: block;
			font-size: 0.6rem;
			position: initial;
			line-height: 0.5;
		}

		.fade-enter-active,
		.fade-leave-active {
			/*transition: opacity 0.1s linear;*/
		}

		.fade-enter,
		.fade-leave-to
		/* .fade-leave-active below version 2.1.8 */

		{
			/*opacity: 0;*/
		}

		.attr-tag {
			width: 3rem;
			height: 1.4rem;
			line-height: 1.4rem;
			text-align: center;
			display: inline-block;
			padding: .25 .9rem;
			border-radius: .7rem;
			box-sizing: border-box;
			/*border: 1px solid #e6e6e6;*/
			color: #323233;
			background-color: #f6f6f6;
			font-size: 0.6rem;
			margin-right: 0.5rem;
			margin-bottom: 1rem;
		}

		.attr-tag .active {
			background: linear-gradient(135deg, rgba(132, 229, 255, 1) 0%, rgba(107, 180, 255, 1) 100%, rgba(122, 174, 229, 1) 100%);
			color: #fff;
		}

		.aui-btn-plus {
			/*border: 1px solid #999999;*/
			/*border-radius: 50%;*/
			width: 1rem;
			height: 1rem;
			line-height: 1.2;
			color: #999999;
			font-size: 1rem;
		}

		.service_name_view:after {
			content: '/';
		}

		.service_name_view:last-child:after {
			content: '';
		}

		@font-face {
			font-family: 'iconfont';
			src: url('../../image/icon/addicon/iconfont.eot');
			src: url('../../image/icon/addicon/iconfont.eot?#iefix') format('embedded-opentype'), url('../../image/icon/addicon/iconfont.woff') format('woff'), url('../../image/icon/addicon/iconfont.ttf') format('truetype'), url('../../image/icon/addicon/iconfont.svg#iconfont') format('svg');
		}

		.iconfont {
			font-family: "iconfont" !important;
			font-size: 16px;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-webkit-text-stroke-width: 0.2px;
			-moz-osx-font-smoothing: grayscale;
		}
		/*视频 图图片切换区域 tab*/

		.tab_video_img {
			display: flex;
		}

		.tab_video_img>div {
			width: 47px;
			height: 22px;
			text-align: center;
			background-color: #FFFFFF;
			border-radius: 11px;
			color: #333333;
			font-size: 11px;
		}

		.tab_video_img span {
			line-height: 22px;
		}

		.tab_video_img_active {
			background: -webkit-linear-gradient(#84E5FF, #6BB4FF, #7AAEE5);
			/* Safari 5.1 - 6.0 */
			background: -o-linear-gradient(#84E5FF, #6BB4FF, #7AAEE5);
			/* Opera 11.1 - 12.0 */
			background: -moz-linear-gradient(#84E5FF, #6BB4FF, #7AAEE5);
			/* Firefox 3.6 - 15 */
			background: linear-gradient(#84E5FF, #6BB4FF, #7AAEE5);
			/* 标准的语法（必须放在最后） */
			color: #FFFFFF!important;
		}

		.tab_video_img>div:nth-of-type(1) {
			position: absolute;
			left: 136px;
			bottom: 88px;
			z-index: 1000;
		}

		.tab_video_img>div:nth-of-type(2) {
			position: absolute;
			left: 193px;
			bottom: 88px;
			z-index: 1000;
		}

		.fox {
			color: #fff !important;
			background: linear-gradient(135deg, rgba(132, 229, 255, 1) 0%, rgba(107, 180, 255, 1) 100%, rgba(122, 174, 229, 1) 100%);
		}

		.list {
			background: linear-gradient(135deg, rgba(132, 229, 255, 1) 0%, rgba(107, 180, 255, 1) 100%, rgba(122, 174, 229, 1) 100%);
			color: #fff;
		}
		/*底部改写*/

		.footer_icon_wraper img {
			width: 1.1rem;
		}

		.footer_icon_wraper>div {
			margin-right: 0.5rem;
			width: 2rem;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;
		}

		.footer_icon_wraper>div span {
			font-size: 0.5rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(102, 102, 102, 1);
		}

		.add_car {
			width: 5rem;
			height: 2rem;
			background: linear-gradient(135deg, rgba(227, 234, 86, 1) 0%, rgba(162, 225, 58, 1) 100%, rgba(122, 174, 229, 1) 100%);
			border-radius: 1rem 0rem 0rem 1rem;
			font-size: 0.7rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			line-height: 2rem;
		}

		.immediately {
			width: 5rem;
			height: 2rem;
			background: linear-gradient(135deg, rgba(132, 229, 255, 1) 0%, rgba(107, 180, 255, 1) 100%, rgba(122, 174, 229, 1) 100%);
			border-radius: 0rem 5rem 5rem 0rem;
			font-size: 0.7rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			line-height: 2rem;
		}

		.listem {
			color: #fff !important;
			background: linear-gradient(135deg, rgba(132, 229, 255, 1) 0%, rgba(107, 180, 255, 1) 100%, rgba(122, 174, 229, 1) 100%) !important;
		}

		.my-pur {
			flex: 1;
			display: inline-block;
			width: 4.8rem;
			height: 2rem;
			line-height: .8rem;
			text-align: center;
			color: #fff;
			border-radius: 1rem 0px 0px 1rem;
			font-weight: 500;
			font-size: .55rem;
			background: linear-gradient(135deg, rgba(227, 234, 86, 1) 0%, rgba(162, 225, 58, 1) 100%, rgba(122, 174, 229, 1) 100%);
			float: left;
			margin-top: .3rem;
			font-family: PingFangSC-Medium;
			display: flex;
			flex-direction: column;
		}

		.my-pur>span:nth-child(1) {
			flex: 1;
			font-size: .6rem;
			line-height: 1rem;
			position: relative;
		}

		.my-pur>span:nth-child(1) span {
			position: absolute;
			bottom: -.1rem;
			left: 50%;
			transform: translateX(-50%);
		}

		.my-pur>span:nth-child(2) {
			flex: 1;
			font-size: .55rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			line-height: .8rem;
			position: relative;
		}

		.my-pur>span:nth-child(2) span {
			position: absolute;
			top: -.1rem;
			left: 50%;
			transform: translateX(-50%);
		}

		.my-tuan {
			flex: 1;
			display: inline-block;
			width: 4.8rem;
			height: 2rem;
			line-height: .8rem;
			text-align: center;
			color: #fff;
			border-radius: 0 1rem 1rem 0;
			font-weight: 500;
			font-size: .55rem;
			background: linear-gradient(135deg, rgba(132, 229, 255, 1) 0%, rgba(107, 180, 255, 1) 100%, rgba(122, 174, 229, 1) 100%);
			float: left;
			margin-top: .3rem;
			font-family: PingFangSC-Medium;
			display: flex;
			flex-direction: column;
		}

		.my-tuan>span:nth-child(1) {
			flex: 1;
			line-height: 1rem;
			font-size: .6rem;
			position: relative;
		}

		.my-tuan>span:nth-child(1) span {
			position: absolute;
			bottom: -.1rem;
			left: 50%;
			transform: translateX(-50%);
		}

		.my-tuan>span:nth-child(2) {
			flex: 1;
			font-size: .55rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			line-height: .8rem;
			position: relative;
		}

		.my-tuan>span:nth-child(2) span {
			position: absolute;
			top: -.1rem;
			left: 50%;
			transform: translateX(-50%);
		}

		.top-add {
			display: inline-block;
			width: 100%;
			/*height: 2.4rem;*/
			background-color: #fff;
		}

		.pic-video {
			/*display: inline-block;*/
			/*height: 18.75rem;*/
			width: 100%;
			/*background-color: #fff;*/
			overflow: hidden;
			position: relative;
			/*top:-1.5rem*/
			/*transform: translateY(1rem);*/
		}

		.pv-btn {
			width: 5rem;
			height: 1.1rem;
			left: 50%;
			transform: translateX(-50%);
			position: absolute;
			bottom: .65rem;
			z-index: 99;
			display: flex;
			font-family: PingFangSC-Regular;
			font-size: .55rem;
			text-align: center;
			color: #333333;
			font-weight: 400;
		}

		.haha {
			background: url('../../image/bg/zhanwei.png');
			background-size: 100%;
		}

		.video_play {
			position: absolute;
			z-index: 99;
			left: calc(50% - 1.4rem);
			top: calc(50% - 1.4rem);
		}

		.pv-btn>div:nth-child(1) {
			flex: 1;
			margin-right: .5rem;
		}

		.pv-btn>div:nth-child(1)>span {
			display: inline-block;
			width: 2.35rem;
			height: 1.1rem;
			line-height: 1.1rem;
			border-radius: .55rem;
			line-height: 1.1rem;
			background-color: #fff;
		}

		.pv-btn>div:nth-child(2)>span {
			display: inline-block;
			width: 2.35rem;
			height: 1.1rem;
			line-height: 1.1rem;
			border-radius: .55rem;
			background-color: #fff;
			line-height: 1.1rem;
		}

		.head-good {
			flex: 1;
			/*background-color: yellow;*/
			display: inline-block;
			height: 100%;
			font-size: .8rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(34, 34, 34, 1);
		}

		.head-detail {
			flex: 1;
			/*background-color: orange;*/
			display: inline-block;
			height: 100%;
			font-size: .8rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(34, 34, 34, 1);
		}

		.aui-bar-nav {
			background-color: rgba(0, 0, 0, 0);
			top: -2.5rem;
			padding: 0 .75rem;
			padding-top: 2.5rem;
			display: flex;
			text-align: center;
			color: #222222;
		}

		.goods_detail {
			flex: 6;
			font-size: .8rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(34, 34, 34, 1);
			display: flex;
		}

		.actived {
			/*color: #72D5EF!important;
			border-bottom: .1rem solid #72D5EF!important;*/
		}

		.info-set {
			width: 100%;
			height: 5rem;
			display: flex;
			flex-direction: column;
			line-height: 2.5rem;
			font-size: .65rem;
		}

		.info-set .info-size {
			flex: 1;
			background-color: #fff;
			color: #999999;
			padding: 0 .75rem;
		}

		.info-set .info-size>div {
			font-family: PingFangSC-Regular;
			font-weight: 400;
			border-bottom: 1px solid rgba(238, 238, 238, 0.5);
		}

		.info-set .info-size>div>span {
			color: #222222;
			margin-left: .6rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
		}

		.info-set .info-size>div>img {
			height: .65rem;
			display: inline-block;
			float: right;
			margin-top: 1rem;
		}

		.info-set .info-serve {
			flex: 1;
			background-color: #fff;
			color: #999999;
			padding: 0 .75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
		}

		.info-set .info-serve>span {
			color: #222222;
			margin-left: .6rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
		}

		.info-set .info-serve>img {
			height: .65rem;
			display: inline-block;
			float: right;
			margin-top: 1rem;
		}

		.group-join-info {
			display: inline-block;
			width: 100%;
			margin: .55rem 0;
			background-color: green;
		}

		.group-join-info>div:nth-child(1) {
			display: inline-block;
			height: 2.55rem;
			width: 100%;
			display: flex;
			line-height: 2.55rem;
		}

		.info_dir_taun {
			flex: 1;
			font-size: .7rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(51, 51, 51, 1);
			text-align: left;
			padding-left: .75rem;
		}

		.info_dir_taun>img {
			display: inline-block;
			width: .15rem;
			height: .75rem;
			transform: translateY(.15rem);
		}

		.info_rule_tuan {
			flex: 1;
			font-size: .6rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
			text-align: right;
			padding-right: .75rem;
		}

		.info_rule_tuan>img {
			height: .65rem;
			display: inline-block;
			transform: translateY(.1rem);
		}

		.info_icons {
			display: inline-block;
			flex: 1;
		}

		.info_icons>span:nth-child(1),
		.info_icons>span:nth-child(2),
		.info_icons>span:nth-child(3) {
			display: inline-block;
			width: 1.1rem;
			height: 1.1rem;
			margin-top: .4rem;
			margin-right: 1.4rem;
			float: left;
			background-color: #fff;
		}

		.info_icon_names {
			display: inline-block;
			flex: 1;
		}

		.info_icon_names>span:nth-child(1) {
			display: inline-block;
			margin-top: .05rem;
			margin-left: .05rem;
			margin-right: 1.4rem;
			float: left;
			font-size: .5rem;
			font-weight: 400;
			color: #666666;
			font-family: PingFangSC-Regular;
		}

		.is_save {
			display: inline-block;
			margin-top: .05rem;
			margin-left: .1rem;
			margin-right: 1.3rem;
			float: left;
			font-size: .5rem;
			font-weight: 400;
			color: #666666;
			font-family: PingFangSC-Regular;
		}

		.saved {
			display: inline-block;
			margin-top: .05rem;
			margin-left: -.2rem;
			margin-right: 1.1rem;
			float: left;
			font-size: .5rem;
			font-weight: 400;
			color: #666666;
			font-family: PingFangSC-Regular;
		}

		.info_car {
			display: inline-block;
			margin-top: .05rem;
			float: left;
			font-size: .5rem;
			font-weight: 400;
			color: #666666;
			font-family: PingFangSC-Regular;
		}

		.info_icon1 {
			display: inline-block;
			flex: 1;
			height: 2.7rem;
			display: flex;
			flex-direction: column;
		}

		.info_icon2 {
			flex: 1.3;
			background-color: #fff;
			display: inline-block;
			height: 4rem;
			display: flex;
		}

		.tuan_type {
			display: flex;
			height: 2.7rem;
			background-color: #fff;
			padding: 0 .75rem;
		}

		.miaosha_type {
			border-top: 1px solid #EEEEEE;
			display: flex;
			height: 2.7rem;
			background-color: #fff;
			padding: 0 .75rem;
			align-items: center;
			justify-content: space-between;
		}

		.open_tuan {
			display: inline-block;
			width: 100%;
			height: 2.7rem;
			display: flex;
			margin-top: .1rem;
		}

		.join_goods {
			display: flex;
			margin-top: .35rem;
		}

		.join_goods_tuan {
			display: flex;
			margin-top: .0rem;
		}

		.join_goods>div:nth-child(1) {
			display: inline-block;
			width: 100%;
			height: 2.7rem;
			display: flex;
			margin-top: .3rem;
		}

		.join_goods>div:nth-child(2) {
			background: rgba(238, 238, 238, 1);
			font-size: .7rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			width: 10rem;
			height: 2rem;
			line-height: 2rem;
			display: inline-block;
			border-radius: 1rem;
		}

		.join_goods>div:nth-child(1)>div:nth-child(1) {
			flex: 1;
			display: inline-block;
			width: 5rem;
			height: 2rem;
			border-radius: 1rem 0px 0px 1rem;
			background: linear-gradient(135deg, rgba(227, 234, 86, 1) 0%, rgba(162, 225, 58, 1) 100%, rgba(122, 174, 229, 1) 100%);
			font-size: .7rem;
			line-height: 2rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
		}

		.join_goods>div:nth-child(1)>div:nth-child(2) {
			flex: 1;
			display: inline-block;
			float: left;
			width: 5rem;
			height: 2rem;
			line-height: 2rem;
			background: linear-gradient(135deg, rgba(132, 229, 255, 1) 0%, rgba(107, 180, 255, 1) 100%, rgba(122, 174, 229, 1) 100%);
			border-radius: 0px 5rem 5rem 0px;
			font-size: .7rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
		}

		.info-tuan {
			width: 100%;
			/*height:3.3rem;*/
			padding: 0 .75rem;
			display: inline-block;
			position: relative;
		}

		.info-tuan-head {
			display: inline-block;
			width: 2rem;
			float: left;
			margin-top: .75rem;
		}

		.info-tuan-head img {
			width: 1.8rem;
			border-radius: 50%;
		}

		.info-tuan-time {
			display: inline-block;
			width: 10.5rem;
			padding-left: .5rem;
			margin-top: .65rem;
		}

		.info-tuan-time>div:nth-child(1) {
			font-size: .65rem;
			font-family: PingFangSC-Semibold;
			font-weight: 600;
			color: rgba(51, 51, 51, 1);
		}

		.info-tuan-time>div:nth-child(2) {
			font-size: .6rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
		}

		.info-tuan-go {
			display: inline-block;
			width: 3.5rem;
			height: 1.5rem;
			float: right;
			background: linear-gradient(135deg, rgba(135, 241, 250, 1) 0%, rgba(74, 160, 249, 1) 100%, rgba(122, 174, 229, 1) 100%);
			border-radius: .8rem;
			font-size: .7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
			line-height: 1.5rem;
			text-align: center;
			margin: .9rem 0;
		}

		.info-all {
			display: inline-block;
			width: 100%;
			height: 2.55rem;
			line-height: 2.55rem !important;
			text-align: center;
			font-size: .7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
		}

		.rule-tuan {
			height: 2.75rem;
			line-height: 2.75rem;
			text-align: center;
			font-size: .9rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			background: rgba(0, 90, 147, 1);
			color: rgba(255, 255, 255, 1);
			border-bottom: 1px solid rgba(237, 237, 240, 1);
		}

		.rule-tuan>img {
			position: absolute;
			height: 1.1rem;
			right: 0.8rem;
			top: .85rem;
		}

		.add_decrease_count {
			width: 5.3rem;
			height: 1.5rem;
			border-radius: 0.07rem;
			border: 0.03rem solid rgba(225, 225, 229, 1);
			display: flex;
			justify-content: space-between;
		}

		.add_decrease_count>div {
			width: 1.6rem;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.add_decrease_count>div img {
			width: 0.4rem;
			height: 0.4rem;
		}
		/*改写*/

		.groupswraper {
			height: 2rem!important;
			background: linear-gradient(135deg, rgba(132, 229, 255, 1) 0%, rgba(107, 180, 255, 1) 100%, rgba(122, 174, 229, 1) 100%);
			display: flex;
			justify-content: space-between;
			padding: 0 0.8rem 0 0.75rem;
			align-items: center;
		}

		.groupswraper_miao {
			height: 3rem!important;
			background: url('../../image/icon/Bitmap.png')no-repeat;
			background-size: 100% 100%;
		}

		.groupswraper_tuan {
			height: 3rem!important;
			background: url('../../image/icon/Bitmap2.png')no-repeat;
			background-size: 100% 100%;
		}

		.span_time span {
			/*display: inline-block;
	    width: 1.1rem;
	    height: 1.1rem;
	    line-height: 1.1rem;
	    text-align: center;
	    border-radius: .1rem;
	    background-color: #FF6642;
	    color: #fff;
	    font-size: 0.65rem;
	    font-family: PingFangSC-Medium;
	    font-weight: 500;*/
			color: #FF6642;
		}

		.count_group {
			font-size: 0.7rem;
			font-family: PingFangSC;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
		}

		.price_goods {
			padding: 0 0.75rem;
			/*padding-bottom: 0.75rem;*/
			/* margin-top: 0.65rem; */
			border-top: 0.1px solid transparent;
			border-bottom: 0.35rem solid rgba(246, 246, 246, 1);
		}

		.goodsinfosign {
			display: inline-block;
			width: 1.6rem;
			height: 0.9rem;
			background: #FF3024;
			border-radius: 0.1rem;
			font-size: 0.55rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			text-align: center;
			line-height: 0.9rem;
			margin-right: 0.3rem;
			transform: translateY(-2px);
		}

		.goodsinfosignwraper {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
		}

		.service_wraper {
			border-bottom: 0.35rem solid rgba(246, 246, 246, 1);
		}

		.service_wraper>div {
			height: 2.5rem;
			background: rgba(255, 255, 255, 1);
			padding: 0.8rem 0 0.8rem 0;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 0 0.7rem 0 0.8rem
		}

		.service_wraper>div:nth-child(1) {
			border-bottom: 1px solid rgba(238, 238, 238, 0.5);
		}

		.delegation_title {
			height: 2.55rem;
			padding: 0.75rem;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.delegation_title>div {
			display: flex;
			align-items: center;
		}

		.pintuan_detai_item {
			height: 3.3rem;
			border-bottom: 1px solid rgba(238, 238, 238, 0.5);
			display: flex;
			justify-content: space-between;
			padding: 0.75rem 0;
		}

		.btn_pintuan {
			width: 3.5rem;
			height: 1.5rem;
			background: linear-gradient(135deg, rgba(135, 241, 250, 1) 0%, rgba(74, 160, 249, 1) 100%, rgba(122, 174, 229, 1) 100%);
			border-radius: 0.78rem;
			font-size: 0.7rem;
			font-family: PingFangSC;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
			text-align: center;
			line-height: 1.5rem;
			align-self: center;
		}

		.btn_all {
			height: 2.5rem;
			display: flex;
			justify-content: center;
			align-items: center;
			border-bottom: 0.5rem solid #F6F6F6;
			box-sizing: content-box;
		}

		.btn_all>span {
			display: inline-block;
			margin-right: 0.45rem;
			font-size: 0.7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
		}

		.pintuan_detai_item {
			margin: 0 0.75rem;
		}

		.pintuan_detai_item img {
			width: 1.8rem;
			height: 1.8rem;
			border-radius: 50%;
			margin-right: 0.5rem;
		}

		.maTop {
			/*margin-top: 0.35rem!important;*/
		}

		.time_text {
			text-overflow: -o-ellipsis-lastline;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			-webkit-box-orient: vertical;
		}

		.ui_info {
			position: relative;
			padding: 0.5rem 0;
			font-size: 0.7rem;
			color: #757575;
			background-color: transparent;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			display: -webkit-box;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: justify;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			-webkit-box-align: center;
			-webkit-align-items: center;
			align-items: center;
		}

		.tuan_img {
			width: 1.25rem;
			float: left;
			margin-left: -0.5rem;
			height: 1.25rem;
		}

		.tuan_button {
			width: 3.2rem;
			height: 1.22rem;
			background: linear-gradient(270deg, rgba(0, 130, 213, 1) 0%, rgba(0, 90, 147, 1) 100%);
			border-radius: 6rem;
			text-align: center;
			font-size: 0.7rem;
			color: rgba(255, 255, 255, 1);
			padding-top: 0.1rem;
			margin-top: 1rem;
		}

		.user_name {
			width: 2.5rem;
			float: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
			padding-top: 0.2rem;
			color: rgba(46, 46, 46, 1);
			margin-left: 0.5rem;
			font-size: 0.7rem;
		}

		.see_too {
			font-size: 0.6rem;
			font-family: PingFangSC-Regular, "PingFang SC";
			font-weight: 400;
			color: rgb(89, 89, 89);
			border: 0.01rem solid rgba(89, 89, 89, 1);
			display: inline;
			padding: 0.3rem;
			margin-top: 0.2rem;
			border-radius: 0.3rem;
		}

		.service_title {
			padding-top: 0.5rem;
			font-size: 0.75rem;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: rgba(51, 51, 51, 1);
		}

		.service_text {
			margin-top: 0.25rem;
			font-size: 14px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(51, 51, 51, 1);
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: normal;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 4;
		}

		.goods_detail_cont img{
			width:100%
		}
	</style>
</head>
<!-- 222 -->

<body>
	<!--<div id="app" v-cloak :style="attr_show||serve_show?'height:100vh;overflow:hidden;': ''">-->
	<div id="app" v-cloak>
		<!-- 顶部-商品-详情 -->
		<div id="aui-header" style="position: fixed;z-index: 990;top: 0;width: 100%;">
			<transition name="fade">
				<header v-if="!scrolled" class="aui-bar aui-bar-nav ">
					<!-- 返回 -->
					<div tapmode onclick="close_win()" style="flex:2;position:relative;">
						<img class="btn-img-back" src="../../image/btn/btn-back-3.png" style="width:2rem;float:right;position:absolute;bottom:.55rem;top: 0.15rem;left:0;padding:0;" />
					</div>
					<!-- 导航：商品==详情 -->
					<div class="goods_detail">
						<span class="head-good">
							<span :class="{actived:isActive}" style="display:inline-block;height:100%;padding:0 .35rem;font-size:0.8rem;font-family:PingFangSC;font-weight:400;color:rgba(34,34,34,1);"></span>
						</span>
						<span class="head-detail">
							<span :class="{actived:!isActive}" style="display:inline-block;height:100%;padding:0 .35rem;font-size:0.8rem;font-family:PingFangSC;font-weight:400;color:rgba(34,34,34,1);"></span>
						</span>
						</span>
					</div>
					<!-- 分享 -->
					<!-- <div tapmode onclick="openSharebox()" style="flex:2;position:relative;">
						<img class="btn-img-share" src="../../image/btn/btn-share-3.png" style="width:2rem;float:right;position:absolute;bottom:.55rem;right:0;padding:0;top: 0.15rem;" />
					</div> -->
				</header>
			</transition>

			<transition name="fade">
				<!-- ming-bg-white -->
				<header v-if="scrolled" class="aui-bar aui-bar-nav aui-border-b aui-font-size-16" style="background-color: rgba(0,0,0,0);">
					<!-- 返回 -->
					<div tapmode onclick="close_win()" style="flex:2;position:relative;">
						<img class="btn-img-back" src="../../image/btn/btn-back-2.png" style="width:1.1rem;float:right;position:absolute;bottom:.55rem;left:0;" />
					</div>
					<!-- 导航：商品==详情 -->
					<div style="font-size:.8;font-family:PingFangSC-Regular;font-weight:400;color:rgba(34,34,34,1);">
						<span :class="{'active':index==1}" tapmode onclick="tapindex(1)" style="margin-right:3rem;display:inline-block;height:100%;padding:0 .3rem;font-size:.8rem;font-family:PingFangSC-Medium;font-weight:500;color:rgba(114,213,239,1);">商品</span>
						<span :class="{'active':index==0}" tapmode onclick="tapindex(0)" style="display:inline-block;height:100%;padding:0 .3rem;font-size:.8rem;font-family:PingFangSC-Medium;font-weight:500;color:rgba(114,213,239,1);">详情</span>
					</div>
					<!-- 分享 -->
					<div tapmode onclick="openSharebox()" style="flex:2;position:relative;">
						<img class="btn-img-share" src="../../image/btn/btn-share-2.png" style="width:1.1rem;float:right;position:absolute;bottom:.55rem;right:0;" />
					</div>
				</header>
			</transition>
		</div>

		<!-- 顶部填充块 -->
		<!-- <div class="top-add"></div> -->
		<!-- 视频图片切换展示 -->
		<div class="pic-video" >
			<!-- <div class="pv-btn" v-if="goodsinfo.video != ''">
				<div><span @click="tabId=0" :class="{'fox':tabId==0}">视频</span></div>
				<div style="flex:1;"><span @click="tabId=1" :class="{'fox':tabId==1}">图片</span></div>
			</div> -->
			<!-- 视频//图片切换显示部分 -->
			<div class="tab-con">
				<!-- 视频部分 -->
				<!-- <div v-show="tabId===0" style="width:100%;height:18.75rem;" :style="{backgroundImage: 'url('+ goodsinfo.video_cover +')',backgroundSize:'cover'}">
					<div class="video_play" tapmode @click="videoPlay(goodsinfo.video)">
						<img src="../../image/bg/bg_video.png" alt="" style="width:2.8rem;height:2.8rem;">
					</div>
				</div> -->
				<!-- 图片部分 -->
				<div v-show="tabId===1" style="width:100%;height:18.75rem;">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div v-for="vo in goodsinfo.img" class="swiper-slide" style="width:100%;height:18.75rem;">
								<img :src="vo" style="width:100%;height:100%;object-fit: cover;" />
							</div>
						</div>
					</div>
					<div class="swiper-pagination" style="background-color:rgba(0,0,0,.4);color:#fff;"></div>
				</div>
			</div>
		</div>
		<!-- 秒杀即将开始 -->
		<div v-if="is_soon == '秒杀即将开始'" class="groupswraper_miao" style="justify-content:center;padding-top: 0.3rem;">
			<div style=" display: inline; float: right;margin-right:0.2rem;height: 1.2rem;">
				<span style="font-size:0.6rem;font-family:PingFangSC-Regular;font-weight:400;color: rgba(247,48,36,1);">距开始</span>
				<span v-html="settime_tuan(soon_time,now_time)" style="display:inline-block;margin-left:0.3rem;" class="span_time"></span>
			</div>
		</div>
		<!-- 秒杀内抢购 -->
		<div class="groupswraper_miao" v-else-if="type=='miao'">
			<div style="width: 50%;float: left;height: 100%;">
				<span style="display: inline-block;margin-right: 0.4rem;color: #ffffff;margin-left: 2.5rem;margin-top:0.3rem;  font-size: 0.8rem;">￥
					<span style="font-size: 1.65rem;color: #ffffff;">{{price_format('yuan',goodsinfo.current_price)}}</span>
				<span style="font-size:1.05rem;">.{{price_format('fen',goodsinfo.current_price)}}</span><span style="font-size:.65rem">/{{goodsinfo.unit_name}}</span>
				</span>

			</div>
			<div style="width: 50%;float: left;height: 100%;padding-top: 0.3rem;">
				<div style=" display: inline; float: right;margin-right:0.2rem;height: 1.2rem;">
					<span style="font-size:0.6rem;font-family:PingFangSC-Regular;font-weight:400;color: rgba(247,48,36,1);">距结束</span>
					<span v-html="settime_tuan(goodsinfo.miao_end_date,now_time)" style="display:inline-block;margin-left:0.3rem;" class="span_time"></span>
				</div>
				<div class="aui-progress aui-progress-sm" style="width: 6rem;height: 0.25rem; background: rgb(255, 255, 255);float: right;margin-right: 0.7rem;margin-top: 0.2rem;">
					<div class="aui-progress-bar" :style="{width: goodsinfo.sold_per+'%'}"></div>
				</div>
				<div style="font-size: 0.5rem;  font-family: PingFangSC-Medium;font-weight: 500;line-height: 0.75rem;float: right;margin-right: 4.7rem; margin-top: 0.2rem;color: rgba(247,48,36,0.9);">
					已售{{goodsinfo.sold_num}}
				</div>
			</div>

		</div>
		<!-- 拼团内抢购 -->
		<div class="groupswraper_tuan" v-else-if="type=='tuan'">
			<div style="width: 50%;float: left;height: 100%;">
				<span style="display: inline-block;margin-right: 0.4rem;color: #ffffff;margin-left: 2.5rem;margin-top:0.3rem;  font-size: 0.8rem;">￥
					<span style="font-size: 1.65rem;color: #ffffff;">{{goodsinfo.tuan_price}}</span>
				<!-- <span style="font-size:1.05rem;">.{{price_format('fen',goodsinfo.current_price)}}</span> -->
				</span>

			</div>
			<div style="width: 50%;float: left;height: 100%;">
				<div style=" display: inline; float: right;margin-right: 0.2rem;height: 1.2rem; margin-top: 0.3rem;">
					<span style="font-size:0.6rem;font-family:PingFangSC-Regular;font-weight:400;color: rgba(0,90,147,1);">距结束</span>
					<span v-html="settime_tuan(goodsinfo.tuan_end_date,now_time)" style="display:inline-block;margin-left:0.2rem;"></span>
				</div>
				<div class="count_group" style="font-size: 0.6rem;font-family: PingFangSC-Medium;color: rgba(0,90,147,0.9);float: right;margin-right: 2.25rem;margin-top: 0.25rem;">
					本商品需{{tuan_uid_num}}人成团
				</div>
			</div>
		</div>

		<div v-else>

		</div>

		<!-- 价格 -->
		<div class="price_goods">
			<div>
				<div class="goodsinfosignwraper" style="margin-top: 0.55rem;">
					<!-- <span class="goodsinfosign" v-if="goodsinfo.sign!=''" >{{goodsinfo.sign}}</span> -->
					<span style="font-size:0.8rem;font-family:PingFangSC-Medium;font-weight:500;color:rgba(34,34,34,1);">{{goodsinfo.title}}</span>
				</div>
				<div tapmode onclick="openSharebox()" style="flex:2;position:relative;">
					<img class="btn-img-share" src="../../image/btn/btn-share-3.png" style="width:2rem;float:right;position:absolute;bottom:.55rem;right:0;padding:0;top: 0.15rem;" />
				</div>
			</div>

			<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0rem;margin-top:0.25rem" :class="{'maTop':type=='tuan'|| type=='miao' }">
				<div >
					<span style="color:rgba(255,102,66,1);font-size:0.9rem;">{{goodsinfo.score_price}}</span>
					<span style="display:inline-block;margin-right:0.4rem;font-size:0.9rem;font-family:Akrobat-bold;color:rgba(255,102,66,1);">积分

					<!-- <span style="font-size:1.05rem;">.{{price_format('fen',goodsinfo.current_price)}}<span style="font-size:.65rem">/{{goodsinfo.unit_name}}</span>
								<del style="font-size:0.7rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(153,153,153,1);line-height:1rem;margin-left:0.4rem;">￥{{goodsinfo.cost_price}}</del>
							</span> -->
					</span>

				</div>
				<!-- <div style="margin-bottom:-.25rem;">
					<span style="font-size:0.65rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(153,153,153,1);">快递：{{goodsinfo.exp_fee}}元</span>
				</div> -->
			</div>


		</div>

		<!-- 规格与服务 -->
		<div class="service_wraper">
			<div class="service" tapmode @click="remark_show=true">
				<div>
					<span style="display:inline-block;margin-right:0.6rem;font-size:0.65rem;font-family:PingFangSC-Regular;font-weight:650;color:rgba(51,51,51,1);">
            购买须知</span>
					<span style="font-size:0.65rem;font-family:PingFangSC-Medium;font-weight:500;color:rgba(0,90,147,1);margin-right:0.2rem;">{{goodsinfo.remark}}</span>
				</div>
				<img src="../../image/icon/right_turn2.png" style="width:1.1rem;height:1.1rem;" />
			</div>
			<div class="service" tapmode @click="serve_show=true">
				<div>
					<span style="display:inline-block;margin-right:0.6rem;font-size:0.65rem;font-family:PingFangSC-Regular;font-weight:700;color:rgba(51,51,51,1);">服务</span>
					<span v-for="vo in goodsinfo.service_name_view" style="font-size:0.65rem;font-family:PingFangSC-Medium;font-weight:500;color:rgba(0,90,147,1);margin-right:0.2rem;">{{vo}}</span>
				</div>
				<img src="../../image/icon/right_turn2.png" style="width:1.1rem;height:1.1rem;" />
			</div>
			<div class="specifications" @click="join_car()">
				<div>
					<span style="font-size:0.65rem;font-family:PingFangSC-Regular;font-weight:700;color:rgba(51,51,51,1);display:inline-block;margin-right:0.6rem;">规格</span>
					<span v-for="vo in good_sku_view" style="font-size:0.65rem;font-family:PingFangSC-Medium;font-weight:500;color:rgba(46,46,46,1);margin-right:0.2rem;">"{{vo}}"</span>

				</div>
         <span style="font-size:12px">查看更多</span>
				<!-- <img src="../../image/icon/right_turn2.png" style="width:1.1rem;height:1.1rem;" /> -->
			</div>
		</div>

		<!-- 参团信息 -->
		<div style="border-bottom:0.35rem solid #f5f5f5;width:100%;background:#fff;" v-if="type=='tuan'&&goodsinfo.tuan_uid!=''">
			<div style="width:100%;height:4rem;" v-for="(vo,index) in goodsinfo.tuan_uid">
				<div class="tuan_left" style="width: 35%;float: left;padding-left: 0.5rem;padding-top: 0.5rem;">
					<div style="width: 100%;height: 50%;float: left;">
						<img :src="vo.leader_avatar" style="width:1.25rem;height: 1.25rem;float:left;border-radius:10rem" alt="">
						<div class="user_name">
							<span>{{vo.leader_nickname}}</span>
						</div>
					</div>
					<div style="width: 100%;height: 50%;float: left;margin-top: 0.6rem;color:rgba(128,128,128,1);">
						还差&nbsp<span style="color:rgba(0,90,147,1);">{{vo.un_join_tuan_num}}人</span>&nbsp成团
					</div>
				</div>

				<div class="tuan_center" style="width:45%;float: left;padding-top: 0.5rem;">
					<div style="width: 100%;height: 50%;float: left;margin-bottom:0.4rem">
						<img :src="vo.leader_avatar" style="width: 1.25rem;height: 1.25rem;float: left;border-radius:1rem">
						<div>
							<img class="tuan_img" src="../../image/btn/user_tuan_img.png" alt="" style="width:1.25rem;height: 1.25rem;float: left;border-radius:10rem">
							<!-- <img class="tuan_img" src="../../image/btn/user_tuan_img.png" alt="">
							<img class="tuan_img" src="../../image/btn/user_tuan_img.png" alt=""> -->
						</div>

					</div>
					<div style="width: 100%;height: 50%;float: left;margin-top: 0.2rem;color:rgba(128,128,128,1);">
						<span v-if="settime(vo.end_time,now_time)!='已结束'">剩余</span>
						<span v-html="settime(vo.end_time,now_time)"></span>
					</div>
				</div>

				<div class="tuan_right" style="width: 20%;float: left;" tapmode @click="if(vm.loginout) {openWin_login();return;};openWin_pintuan_details(vo.id)">
					<div class="tuan_button" >
						去参团
					</div>
				</div>
			</div>
			<div style="text-align:center;padding-top: 0.8rem;width: 100%;height: 3rem;" v-if="goodsinfo.tuan_uid.length>=1" tapmode @click="if(vm.loginout) {openWin_login();return;};openWin_group_all_join(goodsinfo.tuan_id,goodsinfo.id)">
				<div class="see_too">查看全部开团</div>
			</div>
		</div>
		<!-- 参团信息 -->
		<!-- <div v-if="type=='tuan'&&goodsinfo.tuan_uid!=''">
			<div class="pintuan_detail">
				<div class="pintuan_detai_item" v-for="(vo,index) in goodsinfo.tuan_uid">
					<div style="display:flex;">
						<img :src="vo.leader_avatar" alt="">
						<div>
							<div style="font-size:0.65rem;font-family:PingFangSC-Semibold;color:rgba(51,51,51,1);line-height:0.9rem;">
								{{vo.leader_nickname}}<span style="font-family:PingFangSC-Regular;font-size:0.6rem;margin-bottom:0.1rem;">(发起)</span>
							</div>
							<div>
								<span style="font-weight:400;font-size:0.6rem;font-family:PingFangSC-Regular;color:#999999">还差</span>
								<span style="font-weight:400;font-size:0.6rem;font-family:PingFangSC-Regular;color:#DD3D27">{{vo.un_join_tuan_num}}</span>
								<span style="font-weight:400;font-size:0.6rem;font-family:PingFangSC-Regular;color:#999999">人成团</span>
								<span style="font-weight:400;font-size:0.6rem;font-family:PingFangSC-Regular;color:#999999">|</span>
								<span style="font-weight:400;font-size:0.6rem;font-family:PingFangSC-Regular;color:#999999" v-if="settime(vo.end_time,now_time)!='已结束'">剩余</span>
								<span style="font-weight:400;font-size:0.6rem;font-family:PingFangSC-Regular;color:#999999" v-html="settime(vo.end_time,now_time)"></span>
							</div>
						</div>
					</div>
				</div>
				<div class="btn_all" v-if="goodsinfo.tuan_uid.length>=1" tapmode @click="if(vm.loginout) {openWin_login();return;};openWin_group_all_join(goodsinfo.tuan_id,goodsinfo.id)">
					<span>查看全部</span>
					<img src="../../image/icon/right_turn.png" style="width:0.65rem;height:0.65rem;margin-left:0.1rem;" />
				</div>
			</div>
		</div> -->
		<!-- 拼团规则 -->
		<!-- <div style="display: block;border-bottom:0.35rem solid #f5f5f5;">
			<div class="ui_info" style="padding-top: 0.6rem;width:95%;margin:auto;" tapmode @click="detial_show=true">
				<div>
					<strong class="aui-text-default tuan" style="margin-left: 0.8rem;font-size:0.65rem;font-family:PingFangSC-Medium;font-weight:500;color:rgba(51,51,51,1);">拼团规则</strong>
				</div>
				<div>
					<img style="height: 1.1rem;" src="../../image/btn/btn-right.png" />
				</div>
			</div>
		</div> -->
		<!-- 评价 -->
		<div class="goods-ping ming-bg-white aui-margin-b-10 aui-padded-r-10 aui-padded-l-10" style="display: block;border-bottom:0.35rem solid #f5f5f5;">
			<div class="aui-info" style="padding: 0.9rem 0;" tapmode onclick="open_win('goods_evaluate','goods_evaluate.html',false)">
				<div>
					<strong class="aui-text-default goods-info-title" style="margin-left: 0.8rem;font-size:0.65rem;font-family:PingFangSC-Medium;font-weight:500;color:rgba(51,51,51,1);">评价晒单</strong>
				</div>
				<div>
					<img style="height: 1.1rem;" src="../../image/btn/btn-right.png" />
				</div>
			</div>

			<div v-for="vo in goodsinfo.comment" class="goods-ping-list">
				<div class="aui-info" style="padding: 0.5rem 0.25rem;">
					<div>
						<img class="aui-img-round" style="height: 1.5rem;" :src="vo.avatar" />
						<span class="aui-font-size-13 aui-text-default aui-padded-l-10" style="line-height: 1.5rem;">{{vo.nickname}}</span>
					</div>
					<div>
						<img class="ping-star" src="../../image/icon/icon-star-active1.png" />
						<!--2星-->
						<img v-if="vo.star_num<2" class="ping-star" src="../../image/icon/icon-star.png" />
						<img v-if="vo.star_num>1" class="ping-star" src="../../image/icon/icon-star-active1.png" />
						<!--3星-->
						<img v-if="vo.star_num<3" class="ping-star" src="../../image/icon/icon-star.png" />
						<img v-if="vo.star_num>2" class="ping-star" src="../../image/icon/icon-star-active1.png" />
						<!--4星-->
						<img v-if="vo.star_num<4" class="ping-star" src="../../image/icon/icon-star.png" />
						<img v-if="vo.star_num>3" class="ping-star" src="../../image/icon/icon-star-active1.png" />
						<!--5星-->
						<img v-if="vo.star_num<5" class="ping-star" src="../../image/icon/icon-star.png" />
						<img v-if="vo.star_num>4" class="ping-star" src="../../image/icon/icon-star-active1.png" />
					</div>
				</div>
				<div class="aui-font-size-13 ming-text-hui aui-padded-l-5">
					<span class="aui-padded-r-5">{{vo.create_time}}</span>
					<span class="aui-padded-r-5" v-for="vo in good_sku_view" style="margin-left:0.5rem;">{{vo}}</span>
					<!-- <span class="aui-padded-r-5">{{vo}}</span> -->
				</div>
				<div class="aui-font-size-14 aui-text-default" style="padding: 0.5rem 0.2rem;" v-html="vo.content">

				</div>
				<!-- class="aui-row aui-row-padded" -->
				<div class="aui-row aui-row-padded" style="margin-top:0;padding: 0;">
					<!-- class="aui-col-xs-4"  -->
					<div v-for="item in vo.img" style="width:4rem;height:3.5rem;margin-top:0.3rem;margin-left:0.3rem;border-radius:0.02rem;float:left;">
						<!-- class="aui-img-round-5" -->
						<img :src="item" style="width:4rem;height:3.5rem;border-radius:0.02rem;margin-left:0rem;" />
					</div>
				</div>
				<div v-if="vo.remark!=''" class="shop-comment">
					<strong>官方回复：</strong>
					<span>{{vo.remark}}</span>
				</div>
			</div>
			<div v-if="goodsinfo.comment_num>1" class="aui-text-center" tapmode onclick="open_win('goods_evaluate','goods_evaluate.html',false)">
				<div class="aui-btn aui-btn-outlined" style="color:rgba(89,89,89,1);border:0. solid rgba(89,89,89,1);border-radius: 0.4rem;margin: 1rem 0;">查看全部评价</div>
			</div>
		</div>
		<!-- 商品详情 -->
		<div class="goods_detail_cont">
			<div style="display:flex;padding-left:0.75rem;height:2.65rem;align-items:center;border-bottom: 1px solid rgba(238, 238, 238, 0.5);">
				<!-- <img src="../../image/icon/lines.png" style="margin-right:0.25rem;height:0.8rem;"  /> -->
				<span class="after" style="font-size:0.65rem;font-family:PingFangSC-Medium;font-weight:500;color:rgba(51,51,51,1);margin-left: 0.7rem;">商品详情</span>
				<!-- <div style="    position: absolute;  right: 0.35rem;">
					<img style="height: 1.1rem;" src="../../image/btn/btn-right.png" />
				</div> -->
			</div>
			<div v-html="goodsinfo.content" style="text-align:center;overflow:hidden;font-size:.8rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(34,34,34,1);padding:0.75rem;">
			</div>
		</div>



		<!-- 团购规则弹窗 -->
		<div v-if="detial_show">
			<div class="aui-mask aui-mask-in" style="z-index: 991;" tapmode @click="detial_show=false"></div>
			<div class="ming-bg-white" style="position: fixed;bottom: 0;width: 100%;z-index: 992;height:95%;">
				<div style="position: absolute;top: 0.3rem;">
					<img @click="detial_show=false" src="../../image/btn/btn-back-5.png" style="width:2.2rem;height:2.2rem;" alt="">
				</div>
				<div class="rule-tuan">
					拼团规则
					<img tapmode @click="detial_show=false" src="../../image/btn/btn-close-wind.png" />
				</div>
				<div v-html="lists.content" style="width:95%;margin:auto;padding-top:0.65rem;font-size:0.75rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:rgba(46,46,46,1);">


				</div>
				<!-- <div style="overflow-y: scroll;height: 60vh;padding:1rem;">
					<div v-for="vo in goodsinfo.service_name" class="aui-info" style="padding-top: 0;padding-bottom: .5rem;align-items: flex-start;">
						{{vo}}
						<div class="ming-text-hui" style="flex:1;padding-left: 0.75rem;display: block;">
							<div class="aui-font-size-14 aui-margin-b-15" style="font-weight:bolder;color:#333333;">
								{{vo.service_name}}
							</div>
							<div class="aui-font-size-13" style="color:#333333;">
								{{vo.intro}}
							</div>
						</div>
					</div>
				</div> -->
			</div>
		</div>
		<!--基础保障弹窗-->

		<div v-if="remark_show" style="position:relative;z-index: 1992;">
			<div class="aui-mask aui-mask-in" style="z-index: 991;" tapmode @click="remark_show=false"></div>
			<div class="ming-bg-white" style="position: fixed;bottom: 0;width: 100%;z-index: 992;">
				<!--  -->
				<div style="height: 2.75rem;width: 100%;padding-top: 0.8rem;text-align: center;border-bottom: 1px solid rgba(237, 237, 240, 0.498039);background: rgb(255, 255, 255);font-weight:900;">
					购买须知
					<img tapmode @click="remark_show=false" src="../../image/btn/btn-close-wind.png" style="width: 1.1rem;height: 1.1rem;right: 1rem;position: absolute;top: 0.8rem;" />
				</div>
				<!--  -->
				<div style="height:19.85rem;margin: auto;width: 90%;">

					<div style="width: 100%;">
						<div class="service_title">{{goodsinfo.remark}}</div>
						<!-- <div class="service_text"> {{vo.intro}}</div> -->
					</div>
				</div>

			</div>
		</div>
		<!-- serve_show -->
		<div v-if="serve_show" style="position:relative;z-index: 1992;">
			<div class="aui-mask aui-mask-in" style="z-index: 991;" tapmode @click="serve_show=false"></div>
			<div class="ming-bg-white" style="position: fixed;bottom: 0;width: 100%;z-index: 992;">
				<!--  -->
				<div style="height: 2.75rem;width: 100%;padding-top: 0.8rem;text-align: center;border-bottom: 1px solid rgba(237, 237, 240, 0.498039);background: rgb(255, 255, 255);font-weight:900;font-family:PingFangSC-Regular;">
					服务
					<img tapmode @click="serve_show=false" src="../../image/btn/btn-close-wind.png" style="width: 1.1rem;height: 1.1rem;right: 1rem;position: absolute;top: 0.8rem;" />
				</div>
				<!--  -->
				<div style="height:19.85rem;margin: auto;width: 90%;">

					<div style="width: 100%;" v-for="vo in goodsinfo.service_name" :key="vo.id">
						<div class="service_title">{{vo.service_name}}</div>
						<div class="service_text"> {{vo.intro}}</div>
					</div>
				</div>

			</div>
		</div>

		<!--加入购物车弹窗-->
		<div v-if="attr_show">
			<div class="aui-mask aui-mask-in" style="z-index: 991;" tapmode @click="attr_show=false" @touchmove.prevent></div>
			<div class="ming-bg-white" style="padding: 0 0.75rem;position: fixed;bottom: 0;width: 100%;z-index: 992;padding-bottom: 2.2rem;">
				<img tapmode @click="attr_show=false" style="position: absolute;height: 1.1rem;width:1.1rem;right: 0.8rem;top: 1rem;" src="../../image/btn/btn-close-wind.png" />
				<!-- 商品图片 -->
				<img class="aui-img-round-5" style="position: absolute;display:inline-block;width:4rem;height: 4rem;left: 0.75rem;top: 1.0rem;" :src="goodsinfo.cover" />
				<!-- 价位 库存 已选择 -->
				<div style="margin-left:4.75rem;margin-top:.9rem;display:inline-block;height:4rem;">
					<div>
						<div style="font-size:.75rem;font-family:PingFangSC-Semibold;font-weight:600;color:#FF6642;height:1.4rem;">
							<span>￥<span style="font-size:1.1rem;font-family:Akrobat-Bold;">{{price}}</span></span>
						</div>
						<div class="aui-font-size-12" style="color:#969699;">
							<span style="display:inline-block;font-size:.6rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(150,150,153,1);height:.85rem;">库存：{{kucun}}</span><br>
							<span class="aui-padded-r-5" style="display:inline-block;font-size:.6rem;margin-top:0.9rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(128,128,128,1);height:.85rem;">已选择：
								<span v-for="vo in good_sku_view" >{{vo}}</span>
							</span>
						</div>
					</div>
				</div>

				<div>
					<div v-for="(vo,index) in goodSku.good_attr" style="padding-top: 1.25rem;">
						<div style="font-size:.7rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(51,51,51,1);margin-bottom:0.5rem;">
							{{vo.name}}
						</div>
						<div v-for="item in vo.sub" tapmode @click="$set(good_sku_view,index,item)" :class="{'listem':item==good_sku_view[index]}" style="display:inline-block;padding:.25rem .9rem;text-align:center;background-color:#F6F6F6;border-radius:.7rem;margin-right:.45rem;margin-bottom:.5rem;font-family:PingFangSC;font-size:0.6rem;font-weight:400;color:rgba(50,50,51,1);line-height:0.85rem;">
							{{item}}
						</div>
					</div>
					<!-- 添加购买数量 -->
					<div style="display:flex;flex-direction:column;float:left;margin-top:0.5rem;margin-bottom:1.8rem;">
						<div class="aui-font-size-14 aui-text-default" style="display:inline-block;flex:1;margin-bottom:.5rem;text-align:left;width:100%;height:100%;font-family:PingFangSC-Regular;font-weight:400;color:rgba(51,51,51,1);">
							购买数量
						</div>
						<!-- 点击增加或减少数量 -->
						<div class="add_decrease_count">
							<div tapmode @click="if(count<2)return;count-=1;" style="border-right:0.03rem solid rgba(225,225,229,1);">
								<img style="width:.6rem;height:.6rem;" src="../../image/icon/icon-cut-none.png" alt="" v-if="count <= 1">
								<img style="width:.6rem;height:.6rem;" src="../../image/icon/icon-cut.png" alt="" v-else>
							</div>
							<div style="width:2.1rem;height:100%;font-size:0.7rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(50,50,51,1);text-align:center;line-height:1.1rem;"> {{count}}</div>
							<div tapmode @click="if(count>=kucun){count=kucun;return;};count+=1" style="border-left:0.03rem solid rgba(225,225,229,1);">
								<img style="width:.6rem;height:.6rem;" src="../../image/icon/icon-plus-none.png" alt="" v-if="count == kucun">
								<img style="width:.6rem;height:.6rem;" src="../../image/icon/icon-plus.png" alt="" v-else>
							</div>
						</div>
					</div>
				</div>

			</div>
			<!-- 点击"确定"购买 -->
			<div tapmode @click="if(kucun==0)return;attr_show=false;createGoodCart()" class="aui-btn aui-btn-block ming-text-white aui-font-size-16" :class="{'aui-bg-linear':kucun>0}" style="position: fixed;bottom: 1rem;width: 17.25rem;z-index: 999;height: 2rem;line-height: 2rem;border-radius: 1.25rem;margin-left:50%;transform:translateX(-50%);">
				确定
			</div>
		</div>



	</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.js"></script>
<script type="text/javascript" src="../../script/swiper.min.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/aui-sharebox.js"></script>
<script>
	var vm = new Vue({
		el: '#app',
		data: {
			remark_show:false,
			isActive: true,
			id: 0,
			index: 0,
			scrolled: false,
			serve_show: false,
			tabId: 1,
			detial_show: false,
			attr_show: false,
			good_sku_view: [],
			type: 'good', //'good'普通商品falg-2,'tuan'团购商品falg-4，'miao'秒杀商品falg-3，对应返回的page字段
			goodsinfo: {},
			goodSku: {},
			count: 1,
			is_cart: false,
			is_tuan: false,
			now_time: Date.parse(new Date()) / 1000,
			share_pic: '',
			pic_done: false,
			loginout: false,
			share_show: false,
			share_gold: 0,
			tuan_uid_num: 0,
			miao_start_date: 0,
			is_soon: '',
			soon_time: 0,
			info: '',
			lists: {},
			brand_id:0
		},
		methods: {
			get_list_pt: function() {
				get_data('api/page/details', {
					title: '拼团规则'
				}, function(ret) {
					// alert(JSON.stringify(ret))
					if (ret.status) {
						vm.lists = ret.data
					}
				})
			},
			videoPlay: function(video) {
				openWin('circle/video_new', {
					video: video
				})
			},
			open_video_win: function(url) {
				api.openWin({
					name: 'open_video_win',
					url: 'widget://html/open_video_win.html',
					animation: {
						duration: 200,
						type: "push", //动画类型（详见动画类型常量）
						subType: "from_right",
					},
					slidBackEnabled: false,
					bounces: false,
					bgColor: '#ffffff',
					vScrollBarEnabled: true,
					hScrollBarEnabled: false,
					reload: true,
					delay: 0,
					pageParam: {
						files: url,
					}
				});

			},
			get_goodSku: function() {
				get_data('api/Good/goodSku', {
					good_id: vm.id
				}, function(ret) {
					// alert(JSON.stringify(ret,null,2))
					if (ret.status) {
						vm.goodSku = ret.data
					}
				})
			},
			goodDetails: function() {
				get_data('api/Good/goodDetails', {
					token: $api.getStorage('token'),
					good_id: vm.id
				}, function(ret) {
					// alert(JSON.stringify(ret.data))
					vm.tuan_uid_num = JSON.stringify(ret.data.tuan_uid_num)
					if (ret.status) {
						vm.type = ret.data.page
						if (vm.type == 'tuan') {
							$api.fixTabBar($api.byId('aui-footer'))
						} else {
							$api.fixTabBar($api.byId('aui-footer2'))
						}
						vm.goodsinfo = ret.data

						// this.$refs.video.src = res.data.video
						vm.good_sku_view = ret.data.good_sku_view
						swiper_init()
						if (!vm.goodsinfo.cover) {
							vm.share_pic = '../../image/logo.jpg'
							vm.pic_done = true
						} else {
							download(vm.goodsinfo.cover, function(ret) {
								compress_pic(ret, function() {
									vm.share_pic = ret;
									vm.pic_done = true
								})
							})
						}
					} else {
						if (ret.msg == '商品已下架了00') {
							toast(ret.msg)
							send_event('goodsref')
							delay_close(600)
						}
					}
					if (ret.status == 1) {

					}
				})
			},
			price_format: function(type, price) {
				var status = (price + '').indexOf('.')
				if (status == '-1') {
					if (type == 'yuan') {
						return price;
					}
					if (type == 'fen') {
						return '00';
					}
				}
				var price_array = (price + '').split('.')
				if (type == 'yuan') {
					return price_array[0];
				}
				if (type == 'fen') {
					var price_fen = price_array[1].length < 2 ? price_array[1] + '0' : price_array[1];
					return price_fen;
				}
			},
			createGoodCart: function() {
				if (vm.loginout) {
					openWin_login();
					return;
				}
				if (this.count == '0') {
					toast('您当前选择的商品没有库存')
					return;
				}
			//  alert(1);
			 console.log(vm.id)
				if (this.is_cart) {
					get_data('api/GoodCart/createGoodCart', {
						token: $api.getStorage('token'),
						good_id: vm.id,
						good_num: this.count,
						good_sku: this.good_sku_view.join('|'),
						brand_id: vm.brand_id,
					}, function(ret) {
						console.log(vm.id)
						toast(ret.msg)
						if (ret.status) {


						}
					})
				} else {
					var cost_price = vm.type == 'tuan' ? vm.goodsinfo.tuan_price : vm.goodsinfo.current_price;
					var flag = vm.type == 'good' ? 2 : vm.type == 'tuan' ? 4 : 3
					if (vm.type == 'tuan' && !vm.is_tuan) {
						cost_price = vm.goodsinfo.current_price
						flag = 2
						log(111);
						log(cost_price)
					}
					console.log(vm.id)
					$api.setStorage('goods_info', {
						info: [{
							good_id: vm.id,
							cover: vm.goodsinfo.cover,
							title: vm.goodsinfo.title,
							cost_price: cost_price,
							good_sku: vm.good_sku_view.join('|'),
							good_num: vm.count,
							brand_id: vm.brand_id, //
						}]
					})
					if (flag == 4) {
						$api.setStorage('tuan_id', vm.goodsinfo.tuan_id)
					}
					if (flag == 3) {
						$api.setStorage('miao_id', vm.goodsinfo.miao_id)
					}
					$api.setStorage('flag', flag)
					openWin_create_order()
				}
			},
			settime: function(time, nowtime) {
				var data = TimeCountDowns(time, nowtime);
				if (data != '0') {
					return data.hours + '</span><span>:</span><span>' + data.minutes + '</span><span>:</span><span>' + data.seconds + '</span>';
				} else {
					return '已结束';
				}
			},
			settime_tuan: function(time, nowtime) {
				//需要返回天数
				var data = TimeCountDownfull(time, nowtime);
				if (data != '0') {
					if (data.days > 0) {

						// return data.days + '天 ' + data.hours + ':' + data.minutes + ':' + data.seconds;
						if (vm.type == 'miao') {
							return '<span style="display:inline-block;width:0.9rem;height:0.9rem;line-height:1.1rem;text-align:center;border-radius:.1rem;background-color:#FF6642;color:#fff;font-size:0.65rem;font-family:PingFangSC-Medium;font-weight:500;">' + data.hours +
								'</span><span style="margin:0 .25rem"><span style="color:rgba(247,48,36,1);">:</span></span><span style="display:inline-block;width:0.9rem;height:0.9rem;line-height:1.1rem;text-align:center;border-radius:.1rem;background-color:#FF6642;color:#fff;font-size:0.65rem;font-family:PingFangSC-Medium;font-weight:500;">' +
								data.minutes +
								'</span><span style="margin:0 .25rem"><span style="color:rgba(247,48,36,1);">:</span></span><span style="display:inline-block;width:0.9rem;height:0.9rem;line-height:1.1rem;text-align:center;border-radius:.1rem;background-color:#FF6642;color:#fff;font-size:0.65rem;font-family:PingFangSC-Medium;font-weight:500;">' +
								data.seconds + '</span>';
						} else {
							return '<span style="display:inline-block;width:1.1rem;height:1rem;line-height:1.1rem;text-align:center;border-radius:.1rem;background-color:rgba(0,90,147,1);color:#fff;font-size:0.65rem;font-family:PingFangSC-Medium;font-weight:500;">' +
								data.hours +
								'</span><span style="margin:0 .25rem"><span style="color:rgba(0,90,147,1);">:</span></span><span style="display:inline-block;width:1.1rem;height:1rem;line-height:1.1rem;text-align:center;border-radius:.1rem;background-color:rgba(0,90,147,1);color:#fff;font-size:0.65rem;font-family:PingFangSC-Medium;font-weight:500;">' +
								data.minutes +
								'</span><span style="margin:0 .25rem"><span style="color:rgba(0,90,147,1);">:</span></span><span style="display:inline-block;width:1.1rem;height:1rem;line-height:1.1rem;text-align:center;border-radius:.1rem;background-color:rgba(0,90,147,1);color:#fff;font-size:0.65rem;font-family:PingFangSC-Medium;font-weight:500;">' +
								data.seconds + '</span>';
						}

					}
					// return data.hours + ':' + data.minutes + ':' + data.seconds;
					if (vm.type == 'miao') {
						return '<span style="display:inline-block;width:0.9rem;height:0.9rem;line-height:1.1rem;text-align:center;border-radius:.1rem;background-color:#FF6642;color:#fff;font-size:0.5rem;font-family:PingFangSC-Medium;font-weight:500;">' + data.hours +
							'</span><span style="margin:0 .2rem"><span style="color:rgba(247,48,36,1);">:</span></span><span style="display:inline-block;width:0.9rem;height:0.9rem;line-height:1.1rem;text-align:center;border-radius:.1rem;background-color:#FF6642;color:#fff;font-size:0.5rem;font-family:PingFangSC-Medium;font-weight:500;">' +
							data.minutes +
							'</span><span style="margin:0 .2rem"><span style="color:rgba(247,48,36,1);">:</span></span><span style="display:inline-block;width:0.9rem;height:0.9rem;line-height:1.1rem;text-align:center;border-radius:.1rem;background-color:#FF6642;color:#fff;font-size:0.5rem;font-family:PingFangSC-Medium;font-weight:500;margin-right:0.5rem;">' +
							data.seconds + '</span>';
					} else {
						return '<span style="display:inline-block;width:1.1rem;height:1rem;line-height:1rem;text-align:center;border-radius:.1rem;background-color:rgba(0,90,147,1);color:#fff;font-size:0.5rem;font-family:PingFangSC-Medium;font-weight:500;">' + data
							.hours +
							'</span><span style="margin:0 .2rem"><span style="color:rgba(0,90,147,1);">:</span></span><span style="display:inline-block;width:1.1rem;height:1rem;line-height:1.1rem;text-align:center;border-radius:.1rem;background-color:rgba(0,90,147,1);color:#fff;font-size:0.5rem;font-family:PingFangSC-Medium;font-weight:500;">' +
							data.minutes +
							'</span><span style="margin:0 .2rem"><span style="color:rgba(0,90,147,1);">:</span></span><span style="display:inline-block;width:1.1rem;height:1rem;line-height:1.1rem;text-align:center;border-radius:.1rem;background-color:rgba(0,90,147,1);color:#fff;font-size:0.5rem;font-family:PingFangSC-Medium;font-weight:500;">' +
							data.seconds + '</span>';
					}
				} else {
					return '已结束';
				}
			}
		},
		computed: {
			kucun: function() {
				var kucun = false;
				if (this.good_sku_view.length == 0) {
					return this.goodsinfo.stock_num;
				}
				if (this.good_sku_view.length != this.goodSku.good_attr.length) {
					vm.count = 0
					return 0;
				}
				var name = this.good_sku_view.join('|');
				this.goodSku.good_sku.forEach(function(el) {
					if (name === el.good_sku) {
						if (el.stock_num) {
							kucun = el.stock_num;
							vm.count = 1
						} else {
							kucun = 0
							vm.count = 0
						}
					}
				})
				if (!kucun) {
					kucun = 0
					vm.count = 0
				}
				return kucun;
			},
			price: function() {
				if (vm.is_tuan) {
					var price = this.goodsinfo.tuan_price * this.count;
				} else {
					var price = this.goodsinfo.current_price * this.count;
				}
				return price.toFixed(2);
			}
		},
		watch: {
			attr_show: function(a, b) {
				if (a == true) {
					var cssStr = "overflow-y: hidden; height: 100%;";
					document.getElementsByTagName('html')[0].style.cssText = cssStr;
					document.body.style.cssText = cssStr;
				} else {
					var cssStr = "overflow-y: auto; height: auto;";
					document.getElementsByTagName('html')[0].style.cssText = cssStr;
					document.body.style.cssText = cssStr;
				}
			}
		}
	})

	// 初始化设置
	apiready = function() {
		// alert(22)
		vm.get_list_pt()
		$api.fixStatusBar($api.byId('aui-header'))

		vm.id = $api.getStorage('id')
		if ($api.getStorage('remind')) {
			vm.miao_start_date = $api.getStorage('remind')[0].time
		}
		// alert(JSON.stringify($api.getStorage('is_remind_new')))
		vm.is_soon = $api.getStorage('is_remind_new')
			// vm.soon_time = $api.getStorage('soon_time')
		if ($api.getStorage('soon_time')) {
			vm.soon_time = $api.getStorage('soon_time')
		}
		vm.goodDetails()
		vm.get_goodSku()
		authToken()
		setInterval(function() {
			vm.now_time = Date.parse(new Date()) / 1000
		}, 200)
		add_event('tuan_ref', function(ret) {
			vm.goodDetails()
			vm.get_goodSku()
		})
		add_event('logined', function(ret) {
			authToken()
			vm.goodDetails()
			vm.get_goodSku()
		})
		fnInitPullRefresh(function() {
				vm.goodDetails()
				vm.get_goodSku()
			})
			// 新版刷新
		refresh_new(function() {
			setTimeout(function() {
				vm.goodDetails()
				vm.get_goodSku()
					//vm.init()
				api.refreshHeaderLoadDone()
			}, 1000)
		})

		// 监听事件
		add_event('info_car', function(ret) {
			join_car()
		})
		add_event('info_buy', function(ret) {
			buy_now()
		})
		add_event('info_collect', function(ret) {
				fav_good()
			})
			// add_event('info_shop_car',function(ret){
			// 	openTocart()
			// })
		add_event('info_alone', function(ret) {
			buy_alone()
		})
		add_event('info_shop_car', function(ret) {
			regiment()
		})
		add_event('choose_brand_f', function(ret) {
			// alert(JSON.stringify(ret))
			vm.brand_id = ret.data.id
		})

		// alert(JSON.stringify(vm.miao_start_date))
	};

	// 检测是否登录
	function authToken() {
		get_data('api/login/isToken', {
			token: $api.getStorage('token')
		}, function(ret) {
			if (ret.status == '0') {
				vm.loginout = true
			}
			if (ret.status == '1') {
				vm.loginout = false
			}
		})
	}

	function tapindex(index) {
		if (vm.index != index) {
			vm.index = index
			var header_h = 45;
			if (index == 0) {
				document.documentElement.scrollTop = $api.offset($api.dom('.goods-info')).t - header_h
				document.body.scrollTop = $api.offset($api.dom('.goods-info')).t - header_h
			}
			if (index == 1) {
				document.documentElement.scrollTop = $api.offset($api.dom('.goods-ping')).t - header_h
				document.body.scrollTop = $api.offset($api.dom('.goods-ping')).t - header_h
			}
			if (index == 2) {
				document.documentElement.scrollTop = $api.offset($api.dom('.goods-detail')).t - header_h
				document.body.scrollTop = $api.offset($api.dom('.goods-detail')).t - header_h
			}
		}
	}

	function swiper_init() {
		setTimeout(function() {
			var swiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				paginationType: 'fraction',
				autoplay: false, //可选选项，自动滑动
				loop: true, //可选选项，是否循环
				autoplayDisableOnInteraction: false, //注意此参数，默认为true
				mode: 'horizontal',
				freeMode: false,
				followFinger: false,
				observer: true, //修改swiper自己或子元素时，自动初始化swiper
				observeParents: true, //修改swiper的父元素时，自动初始化swiper
			});
		}, 50)
	}

	// 下拉刷新
	// window.onscroll = function() {
	// 		//变量t是滚动条滚动时，距离顶部的距离
	// 		var t = document.documentElement.scrollTop || document.body.scrollTop;
	// 		var header_h = $api.offset($api.byId('aui-header')).h
	// 		var goods_info_height = $api.offset($api.dom('.goods-info')).t - header_h - 2
	// 		var goods_ping_height = $api.offset($api.dom('.goods-ping')).t - header_h
	// 		var goods_detail_height = $api.offset($api.dom('.goods-detail')).t - header_h
	// 		if (t > goods_info_height) {
	// 			vm.scrolled = true
	// 		} else {
	// 			vm.scrolled = false
	// 		}
	// 		if (t > goods_info_height && t < goods_ping_height) {
	// 			if (vm.index != 0) {
	// 				vm.index = 0;
	// 			}
	// 		}
	// 		if (t > goods_ping_height && t < goods_detail_height) {
	// 			if (vm.index != 1) {
	// 				vm.index = 1;
	// 			}
	// 		}
	// 		if (t > goods_detail_height) {
	// 			if (vm.index != 2) {
	// 				vm.index = 2;
	// 			}
	// 		}
	// 	}

	//		打开购物车
	// function openTocart() {
	// 	api.execScript({
	// 		name: 'root',
	// 		script: 'openTocart()'
	// 	});
	// 	closeToRoot()
	// }


	// 		加入购物车
	function join_car() {
		if (vm.loginout) {
			openWin_login();
			return;
		};
		vm.is_cart = true;
		vm.is_tuan = false;
		showAttr(vm.is_cart, vm.is_tuan)
			// vm.attr_show=true
	}

	function showAttr(is_cart, is_tuan) {
		$api.setStorage('goodSku_goods', vm.goodSku);
		$api.setStorage('goodsinfo', vm.goodsinfo);
		$api.setStorage('is_cart', is_cart);
		$api.setStorage('is_tuan', is_tuan);
		api.openFrame({
			name: 'sel_sku_score',
			url: 'widget://html/sel_sku_score.html',
			pageParam: {
				is_tuan: is_tuan
			},
			bounces: false,
			rect: {
				x: 0,
				y: 0,
				w: 'auto',
				h: 'auto'
			},
			vScrollBarEnabled: false,
			bgColor: 'rgba(0,0,0,0)'
		})
	}


	//   	立即购买
	function buy_now() {
		if (vm.loginout) {
			openWin_login();
			return;
		};
		vm.is_cart = false;
		// vm.attr_show=true
		vm.is_tuan = false;
		showAttr(vm.is_cart, vm.is_tuan)
	}

	// 单独购买
	function buy_alone() {
		if (vm.loginout) {
			openWin_login();
			return;
		};
		vm.is_cart = false;
		// vm.attr_show=true;
		vm.is_tuan = false;
		showAttr(vm.is_cart, vm.is_tuan)

	}


	//  我要开团
	function regiment() {
		if (vm.loginout) {
			openWin_login();
			return;
		};
		vm.is_cart = false;
		// vm.attr_show=true;
		vm.is_tuan = true
		showAttr(vm.is_cart, vm.is_tuan)
	}

	//		收藏商品
	function fav_good() {
		var status = vm.goodsinfo.is_collect
		opera(vm.id, 'good', 2, function(ret) {
			if (ret.status) {
				send_event('fav_ref')
				if (status == '1') {
					Vue.set(vm.goodsinfo, 'is_collect', '0')
					toast('取消收藏成功')
				} else {
					toast('收藏成功')
					Vue.set(vm.goodsinfo, 'is_collect', '1')
				}
			}
		})
	}

	// 我要开团
	function joinTuan() {
		get_data('api/Tuan/pinTuan', {
			token: $api.getStorage('token'),
			tuan_id: vm.goodsinfo.tuan_id,
			good_id: vm.id,
		}, function(ret) {
			if (ret.status) {
				openWin_pintuan_details(ret.data.id)
				setTimeout(function() {
					close_win()
				}, 1000)
			}
		})
	}
	var sharebox;

	// 分享的弹窗
	function openSharebox() {
		if (!$api.getStorage('token')) {
			openWin_login()
			return;
		}
		api.sendEvent({
			name: 'sharebox',
		});

		if (sharebox && sharebox.maskDiv) {
			sharebox.close();
			return;
		}
		// sharebox = new auiSharebox();
		// sharebox.init({
		// 	frameBounces: true, //当前页面是否弹动，（主要针对安卓端）
		// 	buttons: [{
		// 		image: '../../image/icon/wechatSpace.png',
		// 		text: '朋友圈',
		// 		value: 'wx-circle'
		// 	}, {
		// 		image: '../../image/icon/friends.png',
		// 		text: '微信好友',
		// 		value: 'wx' //可选
		// 	}, {
		// 		image: '../../image/icon/weibo.png',
		// 		text: '新浪微博',
		// 		value: 'weiboPlus'
		// 	},],
		// 	col: 3,
		// 	shareTitle: '分享到', //可选,当然也可以采用下面的方式使用图标
		// 	cancelTitle: '取消'
		// }, function(ret) {
		// 	if (ret) {
		// 		console.log(ret.buttonIndex + '/' + ret.buttonValue)
		// 		if (ret.buttonIndex == 1) {
		// 			shareTowx('session')
		// 		}
		// 		if (ret.buttonIndex == 2) {
		// 			shareTowx('timeline')
		// 		}
		// 		if (ret.buttonIndex == 3) {
		// 			shareTowb()
		// 		}
		// 	}
		// })

		var dialogBox = api.require('dialogBox');
		dialogBox.actionMenu({
			animation: true,
			isCuttingLine: true,
			tapClose: true,
			rect: {
				h: 197
			},
			texts: {
				cancel: '取消'
			},

			items: [{
				text: '朋友圈',
				icon: 'widget://image/icon/wechatSpace.png'
			}, {
				text: '微信好友',
				icon: 'widget://image/icon/friends.png'
			}],
			styles: {
				bg: '#FFF',
				column: 3,
				itemText: {
					color: '#444444',
					size: 15,
					marginT: 0
				},
				itemIcon: {
					size: 60
				},
				cancel: {
					bg: '#FFFFFF',
					color: '#666666',
					h: 55,
					size: 15
				}
			}
		}, function(ret) {
			if (ret) {
				if (ret.eventType == "cancel") {
					dialogBox.close({
						dialogName: 'actionMenu'
					});

				}
				if (ret.index == "0") {
					shareTowx('timeline')
					dialogBox.close({
						dialogName: 'actionMenu'
					});
				}
				if (ret.index == "1") {
					shareTowx('session')
					dialogBox.close({
						dialogName: 'actionMenu'
					});
				}
				if (ret.index == "2") {
					shareTowb()
					dialogBox.close({
						dialogName: 'actionMenu'
					});
				}
			}

		});

	}

	// 分享的弹窗
	function openSharebox_tuan() {
		var sharebox = new auiSharebox();
		sharebox.init({
			frameBounces: true, //当前页面是否弹动，（主要针对安卓端）
			buttons: [{
				image: '../../image/btn/btn-weixin.png',
				text: '微信好友',
				value: 'wx' //可选
			}, {
				image: '../../image/btn/btn-weixin-2.png',
				text: '朋友圈',
				value: 'wx-circle'
			}],
			col: 3,
			shareTitle: '邀请好友参团' //可选,当然也可以采用下面的方式使用图标
		}, function(ret) {
			if (ret) {
				console.log(ret.buttonIndex + '/' + ret.buttonValue)
				if (ret.buttonIndex == 1) {
					shareTowx('timeline')
				}
				if (ret.buttonIndex == 2) {
					shareTowx('session')
				}
				if (ret.buttonIndex == 3) {
					shareTowb()
				}
			}
		})
	}

	// 分享到微信朋友圈
	function shareTowx(type) {
		var contentUrl = 'http://zm.zonmay.com/wap/share/goods/id/' + vm.id + '.html'
		var title = vm.goodsinfo.title
		var wx = api.require('wxPlus');
		wx.isInstalled(function(ret, err) {
			if (ret.installed) {} else {
				toast('当前设备未安装微信客户端');
				return;
			}
		});
		wx.shareWebpage({
			scene: type,
			title: title,
			description: title,
			contentUrl: contentUrl,
			thumb: vm.share_pic
		}, function(ret, err) {
			if (ret.status) {
				toast('分享成功');
				get_data('api/user/shareTakeGold', {
					token: $api.getStorage('token')
				}, function(ret) {
					if (ret.status) {
						console.log(JSON.stringify(ret.data))
						vm.share_gold = ret.data.gold
						vm.share_show = true
						setTimeout(function() {
							vm.share_show = false
						}, 3000)
					}
				})
			} else {
				if (err.code == '2') {
					toast('取消分享');
				}
				console.log(err.code);
			}
		});
	}

	// 查看分享链接中的内容
	function shareTowb() {
		var contentUrl = 'http://zm.zonmay.com/wap/share/goods/id/' + vm.id + '.html'
		var title = vm.goodsinfo.title
		var weibo = api.require('weiboPlus');
		weibo.shareWebPage({
			text: title + '。详情点击链接查看',
			title: title,
			description: title,
			thumb: vm.share_pic,
			contentUrl: contentUrl
		}, function(ret, err) {
			console.log(JSON.stringify(ret))
			if (ret.status) {
				toast('分享成功');
				get_data('api/user/shareTakeGold', {
					token: $api.getStorage('token')
				}, function(ret) {
					if (ret.status) {
						vm.share_gold = ret.data.gold
						vm.share_show = true
						setTimeout(function() {
							vm.share_show = false
						}, 3000)
					}
				})
			} else {
				if (err.code == '1') {
					toast('取消分享');
				}
				console.log(JSON.stringify(err))
			}
		});
	}

	//下拉显示返回顶部按钮
	window.onscroll = function() {
		var t = document.documentElement.scrollTop || document.body.scrollTop;
		if (t > 100) {
			vm.backTopShow = true
		} else {
			vm.backTopShow = false
		}
		if (document.documentElement.scrollTop >= 300 || document.body.scrollTop >= 300) {
			vm.isActive = false
		} else {
			vm.isActive = true
		}
	}

	// 传递导航栏事件 //商品——详情
	// function info_good() {
	// 	api.sendEvent({
	// 			name: 'info_goods',
	// 	})
	// }
	// function info_detail() {
	// 	api.sendEvent({
	// 			name: 'info_detail',
	// 	})
	// }
	// 回到商品栏

	function backGood() {
		vm.isActive = true
		document.documentElement.scrollTop = 0
		document.body.scrollTop = 0
	}

	// 回到详情栏
	function backDetail() {
		vm.isActive = false
		document.documentElement.scrollTop = 550
		document.body.scrollTop = 550
	}
</script>

</html>
